<template>
    <div>
        <div class="box">
            <el-select ref="selectRef" v-model="value2" :teleported="false">
                <el-option v-for="item of 100" :label="item" :value="item"></el-option>
            </el-select>
        </div>
        <select name="" id="" v-model="value">
            <option v-for="item of 4" :label="item" :value="item"></option>
        </select>
    </div>
</template>

<script setup>
import { ref, onMounted, nextTick } from 'vue'
const value = ref(1)
const value2 = ref(null)
const selectRef = ref(null)
onMounted(() => {
    nextTick(() => {
        selectRef.value.toggleMenu(true)
    })
})
</script>

<style>

.box {
    width: 400px;
    background: skyblue;
    height: 300px;
}
</style>